<template>
    <div class="welcome-page">
        <div class="in-system">
            <Button type="error" class="button" to="/login">进入系统</Button>
        </div>
    </div>
</template>

<script>
export default {
  data () {
    return {
    }
  }
}
</script>

<style scoped lang="less">
    .welcome-page{
        width: 100%;
        height: 100%;
        background-image: url('../../../../assets/school/home.jpeg');
        background-size: cover;
        background-position: center;
        position: relative;
        &-con{
            position: absolute;
            right: 160px;
            top: 50%;
            transform: translateY(-60%);
            width: 300px;
            &-header{
                font-size: 16px;
                font-weight: 300;
                text-align: center;
                padding: 30px 0;
            }
            .form-con{
                padding: 10px 0 0;
            }
            .login-tip{
                font-size: 10px;
                text-align: center;
                color: #c3c3c3;
            }
        }
        &-reg-form{
            overflow: scroll;
            height: 600px;
            width: 400px;
            top: 60%;
        }
    }
    .m-b-0{
        margin-bottom: 0;
    }
    .button{
        margin-bottom: 20px;
        width: 37.5%;
        height: 10%;
        font-size: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .in-system{
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
</style>
